﻿		@media only screen and (min-width: 320px) and (max-width: 480px) {
		    html {
		        font-size: 14px;
		    }
		}

		body {
		    padding: 3.5rem 0 0 0;
		    background: #f1f1f1;
		}

		p {
		    margin: 0;
		    padding: 0;
		}

		a {
		    margin: 0;
		    padding: 0;
		}
		/* 头部 **/

		header {
			position: fixed;
			top: 0;
			left: 0;
			display: table;
			width: 100%;
			/* padding: 10px 0 8px 0; */
			background: #f1f1f1;
			z-index: 999;
			box-sizing: border-box;
			height: 40px;
			/* line-height: 50px; */
		}

		.header img {
			width: 90%;
			height: 30px!important;
		}
		/* 轮播 */

		.banner {
			position: relative;
		    line-height: 0;
		    width: 100%;
		    background: #eaedf2;
		}

		.banner img {
		    width: 100%;
		    line-height: 0;
		}

		section {
		    width: 100%;
		    padding: 20px 0;
		    margin: 20px auto 0 auto;
		    background: #fff;
		    text-align: center;
		}

		section h1 {
		       display: inline-block;
	    margin: 0;
	    text-align: left;
	    font-family: "Microsoft YaHei";
	    font-size: 1.2rem;
	    font-weight: bold;
	    color: #363636;
	    background: url(../images/hb.jpg) no-repeat;
	    padding-left: 20px;
		}
		.sec-t{
			padding: 0 5px;
			text-align: left;
			position: relative;
		}
		.sec-t a{
			position: absolute;
			right: 12px;
			bottom: 0;
		    color: #f84f4c;

		}

		section h1 span.red {
		    color: #dd2121;
		}


		.course-title {
		    width: 100%;
		    padding: 1% 2%;
		    background: #f1f1f1;
		    padding-bottom: 0;
		    height: 50px;
		    line-height: 50px;
		    font-family: "微软雅黑";
		    color: #333333;
		    font-size: 1.5rem;
		    font-weight: bolder;
		}

		.course-con {
		    width: 100%;
		    padding: 1% 2%;
		    height: auto;
		    clear: both;
		    background: #f1f1f1;
		    clear: both;
		    overflow: hidden;
		}

		.course-con-left {
		    float: left;
		    width: 50%;
		    line-height: 0;
		}

		.course-con-left img {
		    width: 100%;
		}

		.course-con-right {
		    float: left;
		    width: 50%;
		    line-height: 0;
		}

		.course-con-right-list {
		    float: left;
		    width: 50%;
		}

		.course-con-right-list a img {
		    width: 100%;
		    height: 100%;
		    overflow: hidden;
		}

		.advantage-title {
		    width: 100%;
		    text-align: center;
		    background: #ffffff;
		    padding: 15px 0 0 0;
		    margin-top: -2px;
		    border-top: 8px solid #f1f1f1;
		}

		.advantage-title img {
		    width: 70%;
		    text-align: center;
		}

		.advantage-font {
		    width: 100%;
		    padding: 10px 0;
		    background: #ffffff;
		    font-family: "微软雅黑";
		    color: #333333;
		    font-size: 1rem;
		    font-weight: bolder;
		    text-align: center;
		}

		.advantage-con {
		    width: 100%;
		    text-align: center;
		    background: #ffffff;
		    padding: 5px 0 15px 0;
		    border-bottom: 10px solid #f1f1f1;
		}

		.advantage-con img {
		    width: 95%;
		    text-align: center;
		}

		.teacher-title {
		    width: 100%;
		    height: 50px;
		    padding: 0 2%;
		    border-bottom: 1px solid #ababab;
		    margin: 10px 0 0 0;
		    background: #ffffff;
		}

		.teacher-title a {
		    float: right;
		    text-align: right;
		    display: block;
		    width: 60px;
		    height: 50px;
		    line-height: 50px;
		    font-family: "微软雅黑";
		    color: #333333;
		    font-size: 1rem;
		    font-weight: bolder;
		}

		.teacher-title-font {
		    padding: 0 2%;
		    width: 30%;
		    height: 50px;
		    line-height: 50px;
		    border-bottom: 1px solid #007c67;
		    font-family: "微软雅黑";
		    color: #333333;
		    font-size: 1.5rem;
		    font-weight: bolder;
		}

		.student-con {
		    width: 100%;
		    padding: 3% 3%;
		    border-bottom: 1px solid #e6e6e6;
		    clear: both;
		    background: #ffffff;
		}

		.student-con-photo {
		    width: 40%;
		}

		.student-con-photo img {
		    width: 100%;
		    border-radius: 5px;
		}

		.student-con-font {
		    float: right;
		    width: 60%;
		    text-indent: 2em;
		}

		.student-name {
		    height: 25px;
		    line-height: 20px;
		    font-family: "微软雅黑";
		    color: #333333;
		    font-size: 1.1rem;
		    font-weight: bolder;
		}

		.student-company {
		    height: 20px;
		    line-height: 20px;
		    font-family: "微软雅黑";
		    color: #333333;
		    font-size: 1rem;
		}

		.student-dy {
		    height: 20px;
		    line-height: 20px;
		    font-family: "微软雅黑";
		    color: #333333;
		    font-size: 1rem;
		}

		.student-data {
		    height: 20px;
		    line-height: 20px;
		    font-family: "微软雅黑";
		    color: #333333;
		    font-size: 1rem;
		}

		.job {
		    width: 100%;
		    text-align: center;
		}

		.job_title {
		    width: 100%;
		    height: 40px;
		    line-height: 40px;
		    font-family: "微软雅黑";
		    color: #ffffff;
		    font-size: 1.2rem;
		    background: #7e7e7e;
		}

		.job_name {
		    float: left;
		    width: 15%;
		}

		.job_record {
		    float: left;
		    width: 30%;
		}

		.job_pay {
		    float: left;
		    width: 20%;
		    background: #cc1e20;
		    color: #ffffff;
		    position: relative;
		    z-index: 99;
		}

		.job_social {
		    float: left;
		    width: 35%;
		}

		.job_con {
		    width: 100%;
		    font-family: "微软雅黑";
		    color: #333333;
		    font-size: 1rem;
		}

		.job_con p {
		    height: 40px;
		    line-height: 40px;
		    border-bottom: 1px solid #e9e9e9;
		    text-align: center;
		}

		.job img {
		    width: 100%;
		}

		.student_demeanour {
		    width: 100%;
		    text-align: center;
		    background: #ffffff;
		    padding: 15px 0 0 0;
		    border-top: 10px solid #f1f1f1;
		}

		.student_demeanour img {
		    width: 80%;
		    text-align: center;
		}

		.student_demeanour_font {
		    width: 100%;
		    padding: 10px 0;
		    background: #ffffff;
		    font-family: "微软雅黑";
		    color: #333333;
		    font-size: 1.4rem;
		    font-weight: bolder;
		    text-align: center;
		}

		.student_demeanour_con {
		    width: 100%;
		    text-align: center;
		    background: #ffffff;
		    padding: 5px 0 12px 0;
		    ;
		}

		.student_demeanour_con img {
		    width: 95%;
		    text-align: center;
		    line-height: 0;
		}

		.bottom {
		    width: 100%;
		    padding: 10px 0px 78px 0;
		    height: auto;
		    background: #333333;
		    text-align: center;
		    border-top: 0;
		    margin-top: -3px;
		}

		.bottom_code {
		    width: 30%;
		    padding: 5px 2%;
		}

		.bottom_code img {
		    width: 100%;
		}

		.bottom_font {
		    float: right;
		    width: 68%;
		    text-align: left;
		}

		.bottom_font a {
		    color: #ffffff;
		}

		.bottom_font1 {
		    font-family: "微软雅黑";
		    padding: 2%;
		    color: #ffffff;
		    font-size: 1.2rem;
		    font-weight: bolder;
		}

		.bottom_font2 {
		    font-family: "微软雅黑";
		    padding: 1%;
		    color: #ffffff;
		    font-size: 0.8rem;
		    font-weight: bolder;
		}

		@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2) {
		    /* 兼容iphone5 */
		    .bottom_code {
		        width: 30%;
		        padding: 5% 2%;
		    }
		    .bottom_font1 {
		        font-family: "微软雅黑";
		        padding: 2%;
		        color: #ffffff;
		        font-size: 0.8rem;
		        font-weight: bolder;
		    }
		    .bottom_font2 {
		        font-family: "微软雅黑";
		        padding: 1%;
		        color: #ffffff;
		        font-size: 0.4rem;
		        font-weight: bolder;
		    }
		}

		.swiper-pagination {
		    position: absolute;
		    bottom: 5px;
		    text-align: center;
		    width: 100%;
		    z-index: 5;
		}

		.swiper-pagination-bullet-active {
		    opacity: 1;
		    background: #eb3c3c;
		}

		.swiper-pagination-bullet {
		    margin: 0 3px;
		}

		/*开班 */
		.kb-s{
			/* margin: 0 auto; */
		}
		.kb-c{
			    margin: 20px auto 0 auto;
			font-size: 0;
		}
		.kb-c li{
			position: relative;
			width: 50%;
			display: inline-block;
			vertical-align: top;
			padding: 10px 5px;
		}
		.kb-c li a{
			display: block;
			position: relative;
			width: 100%;
			border-radius: 5px;
			overflow: hidden;
		}
		.kb-c li a span{
			display: block;
		    position: absolute;
		    width: 100%;
		    height: 2rem;
		    line-height: 2rem;
		    bottom: 0;
		    background: rgba(0,0,0,0.7);
		    color: #fff;
		    font-size: 1.1rem;
		}

		/* 课程 */
		.course-c{
			padding: 10px 5px 0 5px;
		}
		.course-c li{
			font-size: 0;
			margin: 10px 0;
		}
		.course-c li a{
			display: inline-block;
		}
		.course-c li a img{
			width: 100%;
		}
		.course-c  .course-cover{
				width: 45%;
		}
		.course-c  .course-detail,
		.course-c  .course-signup{
				width: 26%;
				padding: 0px 0 0 10px;
		}

		/** 讲师 */
		.js-c{
			padding: 20px 5px 0 5px;
		}
		.js-c .swiper-slide {
			width: 45%;
			    border-radius: 5px;
    overflow: hidden;
		}
		.js-c a{
			display: block;
		}
		.js-c img{
			display: block;
			max-width: 100%;
		}
		.js-c p{
			text-align: left;
			padding: 10px;
			background: rgba(242,242,242,1);
			min-height: 90px;
		}
		.js-c b{
			font-size: 1.2rem;
			font-weight: bold;
			display: block;
			margin-bottom: 10px;
			color: #363636;
		}
		.js-c span{
			font-size: 0.8rem;
			color: #5c5c5c;
		}
		/* 视频 */
		.sp-c{
			padding: 0 5px;
			margin: 20px 0 0 0;
		}
		.sp-c li{
			position: relative;
			width: 32%;
			display: inline-block;
			vertical-align: top;
			padding: 10px 5px;

		}
		.sp-c li a{
			display: block;
			position: relative;
			width: 100%;
			border-radius: 5px;
			overflow: hidden;
		}
		.sp-c li a span{
			display: block;
		    position: absolute;
		    width: 100%;
		    height: 1.5rem;
		    line-height: 1.5rem;
		    bottom: 0;
		    background: rgba(0,0,0,0.7);
		    color: #fff;
		    font-size: 0.8rem;
		}

		/* 感言 */
		.gy-c{
			padding: 0 5px;
			margin: 20px 0 0 0;
			font-size: 0;
		}
		.gy-c li{
			position: relative;
			width: 50%;
			display: inline-block;
			vertical-align: top;
			padding: 10px 5px;

		}
		.gy-c li a{
			display: block;
			position: relative;
			width: 100%;
			border-radius: 5px;
			overflow: hidden;
			text-align: left;

		}
		.gy-c li a span{
			display: block;
		    position: absolute;
		    width: 100%;
		    height: 1.8rem;
		    line-height: 1.8rem;
		    bottom: 0;
		    background: rgba(0,0,0,0.7);
		    color: #fff;
		    font-size: 0.8rem;
		    padding: 0 5px;
		}

		.gy-c li a span.play:after{
			position: absolute;
			top: 0.15rem;
   			right: 0.15rem;
			content: '';
			display: block;
			background: url(../images/play.png) no-repeat;
			width: 1.5rem;
			height: 1.5rem;
			background-size: 100% auto;

		}


		.gywz-s{
			margin: 0;
		}

		/* 荣誉 */
		.ry-c li{
			font-size: 0;
			border-bottom: 1px solid #f1f1f1;
			padding: 10px 0;
		}
		.ry-c li:last-child{
			border-bottom: 0;
			padding: 10px 0 0 0;
		}

		.ry-c img{
			display: inline-block;
			width: 40%;
			padding: 10px;
			    vertical-align: middle;
		}
		.ry-c p{
			display: inline-block;
			width: 60%;
			padding: 10px;
			    vertical-align: middle;
			    font-size: 1.1rem;
			    text-align: left;
			    line-height: 2rem;
			    font-weight: bold;
		}

		.yh-c{
			margin-top: 20px;
		}
		.yh-c p{
			background: #f1f1f1;
			width: 80%;
			color: #5c5c5c;
			font-size: 1.2rem;
			padding: 15px 5%;
			text-align: left;
			margin: 15px auto;
			border-radius: 5px;
		}
		.yh-c img{
			max-width: 50%;
			margin-top: 20px;
		}

		.gy-c-1{
			margin-top: 20px;
		}
		.gy-c-1 li{
			margin: 10px 5px;
			background: #f5f5f5;
		}
		.gy-c-1 .ht {
			    padding: 10px 5px;
    text-align: left;
		}
		.gy-c-1 .ht img,
		.gy-c-1 .ht span{
			display: inline-block;
			vertical-align: middle;
			font-size: 1.2rem;
			text-align: left;
		}

		.gy-c-1 .ht img{
			max-width: 40px;
		}
		.gy-c-1 .ht span{
			margin: 0 10px;
		}

		.gy-c-1 .ht .cia{
			text-align: right;
			background: url(../images/cia.png) no-repeat;
			padding-left: 30px;
			background-size: auto 100%;
			color: #26a59a;
			    float: right;
    margin-top: 9px;
		}
		.gy-c-1 .hi{
			padding: 10px;
			font-size: 0.8rem;
			line-height: 1.8rem;
			text-align: left;
			color: #666666;

		}

		@media (device-height:667px) and (-webkit-min-device-pixel-ratio:2){

		/* 兼容iphone6、iphone7、iphone8*/
		.gy-c-1 .ht span{
			font-size: 1rem;
		}
		.gy-c-1 .hi {
			font-size: 0.8rem;
		}

		}

		/* 就业 */
		.jiuye_info {
    margin: 0 auto;
    height: auto;
    margin-bottom: 20px;
}

.jiuye_info_title {
    height: 40px;
    line-height: 40px;
    background: #7e7e7e;
    border-bottom: 2px solid #a3a3a3;
    font-size: 0;
    font-family: "微软雅黑";
    color: #ffffff;
}
.jiuye_info_title {
	font-size: 0;
}
.list_c{
	height: 260px;
	overflow: hidden;
}
.jiuye_info_title >span{
	font-size: 1.1rem;
}

.info_name {
	display: inline-block;
    width: 20%;
    font-size: 1rem;
}
.info_moey {
    display: inline-block;
    width: 25%;
    height: 42px;
    background: #f84f4c;
    color: #ffffff;
    text-align: center;
    position: relative;
    z-index: 99;
    font-size: 1rem;
}

.info_daiyu {
    display: inline-block;
   font-size: 1rem;
    width: 35%;
    text-align: center;
}

.info_adress {
    display: inline-block;
    width: 20%;
    text-align: center;
    font-size: 1rem;
}

.jiuye_info_list {
    height: 40px;
    line-height: 40px;
    background: #ffffff;
    border-bottom: 2px solid #e9e9e9;
    font-size: 14px;
    font-family: "微软雅黑";
    color: #666666;
}
.jiuye_info_list  {
	font-size: 0;
}
.jiuye_info_list >span{
	vertical-align: top;
}
.month_title {
    
    margin: 20px 5px;
    height: auto;
    line-height: 2rem;
    font-family: "微软雅黑";
    font-size: 1.1rem;
    color: #333333;
    text-align: left;
}

.month_title span {
    font-family: "微软雅黑";
    color: #f20000;
}

.jiuye_month{
	font-size: 0;
	    margin: 20px 0 0 0;
}

.jiuye_month a{
	display: inline-block;
    width: 20%;
    height: 80px;
    background: url(../images/month_18_7_hover.jpg) center center no-repeat;
    background-size: 100% auto;	
    cursor: pointer;

}
a.month_18_2,
a.month_18_2:link,
a.month_18_2:hover,
a.month_18_2:active,
a.month_18_2:visited {
    
    background: url(../images/month_18_2.jpg) center center no-repeat;
    background-size: 100% auto;
}

a.month_18_2.active,
a.month_18_2.active,
a.month_18_2.active,
a.month_18_2.active,
a.month_18_2.active {
    
    background: url(../images/month_18_2_hover.jpg) center center no-repeat;
    background-size: 100% auto;
}


a.month_18_3,
a.month_18_3:link,
a.month_18_3:hover,
a.month_18_3:active,
a.month_18_3:visited {
    
    background: url(../images/month_18_3.jpg) center center no-repeat;
    background-size: 100% auto;
}

a.month_18_3.active,
a.month_18_3.active,
a.month_18_3.active,
a.month_18_3.active,
a.month_18_3.active {
    
    background: url(../images/month_18_3_hover.jpg) center center no-repeat;
    background-size: 100% auto;
}

a.month_18_4,
a.month_18_4:link,
a.month_18_4:hover,
a.month_18_4:active,
a.month_18_4:visited {
    
    background: url(../images/month_18_4.jpg) center center no-repeat;
    background-size: 100% auto;
}

a.month_18_4.active,
a.month_18_4.active,
a.month_18_4.active,
a.month_18_4.active,
a.month_18_4.active {
    
    background: url(../images/month_18_4_hover.jpg) center center no-repeat;
    background-size: 100% auto;
}


a.month_18_5,
a.month_18_5:link,
a.month_18_5:hover,
a.month_18_5:active,
a.month_18_5:visited {
    
    background: url(../images/month_18_5.jpg) center center no-repeat;
    background-size: 100% auto;
}

a.month_18_5.active,
a.month_18_5.active,
a.month_18_5.active,
a.month_18_5.active,
a.month_18_5.active {
    
    background: url(../images/month_18_5_hover.jpg) center center no-repeat;
    background-size: 100% auto;
}

a.month_18_6,
a.month_18_6:link,
a.month_18_6:hover,
a.month_18_6:active,
a.month_18_6:visited {
    
    background: url(../images/month_18_6.jpg) center center no-repeat;
    background-size: 100% auto;
}

a.month_18_6.active,
a.month_18_6.active,
a.month_18_6.active,
a.month_18_6.active,
a.month_18_6.active {
    
    background: url(../images/month_18_6_hover.jpg) center center no-repeat;
    background-size: 100% auto;
}


a.month_18_7,
a.month_18_7:link,
a.month_18_7:hover,
a.month_18_7:active,
a.month_18_7:visited {
   
    background: url(../images/month_18_7.jpg) center center no-repeat;
    background-size: 100% auto;
}

a.month_18_7.active,
a.month_18_7.active,
a.month_18_7.active,
a.month_18_7.active,
a.month_18_7.active {

    background: url(../images/month_18_7_hover.jpg) center center no-repeat;
    
    background-size: 100% auto;
}

a.month_18_8 {
   
    background: url(../images/month_18_8.jpg) center center no-repeat;
    background-size: 100% auto;
}

a.month_18_8.active {

    background: url(../images/month_18_8_hover.jpg) center center no-repeat;
    
    background-size: 100% auto;
}

a.month_18_9 {
   
    background: url(../images/month_18_9.jpg) center center no-repeat;
    background-size: 100% auto;
}

a.month_18_9.active {

    background: url(../images/month_18_9_hover.jpg) center center no-repeat;
    
    background-size: 100% auto;
}

a.month_18_10 {
   
    background: url(../images/month_18_10.jpg) center center no-repeat;
    background-size: 100% auto;
}

a.month_18_10.active {

    background: url(../images/month_18_10_hover.jpg) center center no-repeat;
    
    background-size: 100% auto;
}
a.month_19_7 {
   
    background: url(../images/month_19_7.jpg) center center no-repeat;
    background-size: 100% auto;
}
a.month_19_7.active {

    background: url(../images/month_19_7_hover.jpg) center center no-repeat;
    
    background-size: 100% auto;
}
a.month_19_8 {
   
    background: url(../images/month_19_8.jpg) center center no-repeat;
    background-size: 100% auto;
}
a.month_19_8.active {

    background: url(../images/month_19_8_hover.jpg) center center no-repeat;
    
    background-size: 100% auto;
}
a.month_19_9 {
   
    background: url(../images/month_19_9.jpg) center center no-repeat;
    background-size: 100% auto;
}
a.month_19_9.active {

    background: url(../images/month_19_9_hover.jpg) center center no-repeat;
    
    background-size: 100% auto;
}
a.month_19_10 {
   
    background: url(../images/month_19_10.jpg) center center no-repeat;
    background-size: 100% auto;
}
a.month_19_10.active {

    background: url(../images/month_19_10_hover.jpg) center center no-repeat;
    
    background-size: 100% auto;
}
a.month_19_11 {
   
    background: url(../images/month_19_11.jpg) center center no-repeat;
    background-size: 100% auto;
}
a.month_19_11.active {

    background: url(../images/month_19_11_hover.jpg) center center no-repeat;
    
    background-size: 100% auto;
}
a.month_19_12 {
   
    background: url(../images/month_19_12.jpg) center center no-repeat;
    background-size: 100% auto;
}
a.month_19_12.active {

    background: url(../images/month_19_12_hover.jpg) center center no-repeat;
    
    background-size: 100% auto;
}
a.month_20_1 {
   
    background: url(../images/month_20_01.jpg) center center no-repeat;
    background-size: 100% auto;
}
a.month_20_1.active {

    background: url(../images/month_20_01_hover.jpg) center center no-repeat;
    
    background-size: 100% auto;
}
a.month_20_3 {
   
    background: url(../images/month_20_03.jpg) center center no-repeat;
    background-size: 100% auto;
}
a.month_20_3.active {

    background: url(../images/month_20_03_hover.jpg) center center no-repeat;
    
    background-size: 100% auto;
}
a.month_20_2 {
   
    background: url(../images/month_20_02.jpg) center center no-repeat;
    background-size: 100% auto;
}
a.month_20_2.active {

    background: url(../images/month_20_02_hover.jpg) center center no-repeat;
    
    background-size: 100% auto;
}
a.month_19_6 {
   
    background: url(../images/month_19_6.jpg) center center no-repeat;
    background-size: 100% auto;
}
a.month_19_6.active {

    background: url(../images/month_19_6_hover.jpg) center center no-repeat;
    
    background-size: 100% auto;
}
a.month_19_5 {
   
    background: url(../images/month_19_5.jpg) center center no-repeat;
    background-size: 100% auto;
}
a.month_19_5.active {

    background: url(../images/month_19_5_hover.jpg) center center no-repeat;
    
    background-size: 100% auto;
}

a.month_19_4 {
   
    background: url(../images/month_19_4.jpg) center center no-repeat;
    background-size: 100% auto;
}

a.month_19_4.active {

    background: url(../images/month_19_4_hover.jpg) center center no-repeat;
    
    background-size: 100% auto;
}

a.month_18_12 {
   
    background: url(../images/month_18_12.jpg) center center no-repeat;
    background-size: 100% auto;
}

a.month_18_12.active {

    background: url(../images/month_18_12_hover.jpg) center center no-repeat;
    
    background-size: 100% auto;
}


a.month_19_1 {
   
    background: url(../images/month_19_1.jpg) center center no-repeat;
    background-size: 100% auto;
}

a.month_19_1.active {

    background: url(../images/month_19_1_hover.jpg) center center no-repeat;
    
    background-size: 100% auto;
}

a.month_19_2 {
   
    background: url(../images/month_19_2.jpg) center center no-repeat;
    background-size: 100% auto;
}

a.month_19_2.active {

    background: url(../images/month_19_2_hover.jpg) center center no-repeat;
    
    background-size: 100% auto;
}
a.month_19_3 {
   
    background: url(../images/month_19_3.jpg) center center no-repeat;
    background-size: 100% auto;
}

a.month_19_3.active {

    background: url(../images/month_19_3_hover.jpg) center center no-repeat;
    
    background-size: 100% auto;
}